﻿<!-- MAIN CONTENT -->
<div id="content">
    
    <div smart-include="app/yksensor/views/sub-header.tpl.html"></div>
    <div class="row margin-bottom-10">
        <div class="col-xs-12">
            <!-- <input type="text" class="input-sm" placeholder=""> -->
            <button class="btn btn-labeled btn-primary" ng-click="addStore()">
                <span class="btn-label">
                    <i class="glyphicon glyphicon-plus"></i>
                </span>
                新建油罐
            </button>
        </div>
    </div>
    <div id="storeBox" class="clearfix margin-bottom-50">
        <!-- <h1>库区总览</h1> -->
        <div class="well padding-10 store-well pull-left" ng-click="viewDetail(1)">
            <img src="styles/img/store.png" alt="">
            <div class="progress_box">
                <div class="progress vertical bottom wide-bar" >
                    <div class="progress-bar bg-color-blue" data-transitiongoal="65" aria-valuenow="65" style="height: 65%; opacity:0.5">65%</div>
                </div>
            </div>
            <h5 class="text-center margin-top-10 store-name" data-popover-placement="top" data-popover-title="油罐 1" 
                data-uib-popover="设定：32200.13 Kg, &#10;已装：27659.70 Kg">油罐 1</h5>
            <!-- <a href-void="" class="btn btn-block btn-default margin-top-10 store-name" data-popover-placement="top" data-popover-title="油罐 1" 
                data-uib-popover="设定：32200.13 Kg, 已装：27659.70 Kg">油罐 1</a> -->
        </div>
        <div class="well padding-10 store-well pull-left" ng-click="viewDetail(2)">
            <img src="styles/img/store.png" alt="">
            <div class="progress_box">
                <div class="progress vertical bottom wide-bar" >
                    <div class="progress-bar bg-color-teal" data-transitiongoal="100" aria-valuenow="100" style="height: 100%; opacity:0.5">100%</div>
                </div>
            </div>
            <h5 class="text-center margin-top-10 store-name" data-popover-placement="top" data-popover-title="油罐 2" 
            data-uib-popover="设定：32200.13 Kg,  &#10;已装：27659.70 Kg">油罐 2</h5>
        </div>
        <div class="well padding-10 store-well pull-left" ng-click="viewDetail(3)">
            <img src="styles/img/store.png" alt="">
            <div class="progress_box">
                <div class="progress vertical bottom wide-bar" >
                    <div class="progress-bar bg-color-redLight" data-transitiongoal="10" aria-valuenow="10" style="height: 10%; opacity:0.5">10%</div>
                </div>
            </div>
            <h5 class="text-center margin-top-10 store-name" data-popover-placement="top" data-popover-title="油罐 3" 
            data-uib-popover="设定：32200.13 Kg, 已装：27659.70 Kg">油罐 3</h5>
        </div>
    </div>

</div>
<!-- END MAIN CONTENT -->

<!-- 新增仓库 -->
<div class="modal fade" id="AddStoreModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-color-white">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×
                </button>
                <h6 class="modal-title txt-color-black">
                    新增油罐
                </h6>
            </div>
            <div class="modal-body">
                <form class="smart-form">
                    <div class="clearfix margin-bottom-10">
                        <div class="col-sm-3 text-align-right">
                            <strong class="margin-right-5" style="line-height: 32px; font-size: 15px">油罐名称:</strong>
                        </div>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" ng-model="newstore.name">
                        </div>
                    </div>
                    <div class="clearfix margin-bottom-10">
                        <div class="col-sm-3 text-align-right">
                            <strong class="margin-right-5" style="line-height: 32px; font-size: 15px">油罐编号:</strong>
                        </div>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" ng-model="newstore.storeid">
                        </div>
                    </div>
                    <div class="clearfix margin-bottom-10">
                        <div class="col-sm-3 text-align-right">
                            <strong class="margin-right-5" style="line-height: 32px; font-size: 15px">油罐类型:</strong>
                        </div>
                        <div class="col-sm-7">
                            <select class="input-sm form-control" ng-model="newstore.type">
                                <option value="0">立式圆筒形拱顶钢油罐</option>
                                <option value="1">立式圆筒形浮顶钢油罐</option>
                                <option value="2">立式圆筒形内浮顶钢油罐</option>
                                <option value="3">球形钢油罐</option>
                                <option value="4">卧式钢油罐</option>
                            </select> <i></i>
                        </div>
                    </div>
                    <div class="clearfix margin-bottom-10">
                        <div class="col-sm-3 text-align-right">
                            <strong class="margin-right-5" style="line-height: 32px; font-size: 15px">储油类型:</strong>
                        </div>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" ng-model="newstore.oiltype">
                        </div>
                    </div>
                    <div class="clearfix margin-bottom-10">
                        <div class="col-sm-3 text-align-right">
                            <strong class="margin-right-5" style="line-height: 32px; font-size: 15px">仓库容量:</strong>
                        </div>
                        <div class="col-sm-7">
                            <input type="number" class="form-control" min="0" max="100" step="1" value="0" ng-model="newstore.vol">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    取消
                </button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="newStore()">
                    保存
                </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>